$(function(){
	var isEasing = false;
	var isIE6 = $.browser.msie && parseInt($.browser.version) == 6;
	
	//左边菜单的事件
	var $clickedMb = null;
	var $clickedUl = null;
	var $mb = $('div.menuBox');
	
	$mb.find('div.up').click(function(){
		if(isEasing){
			return;
		}
		//如果当前已展开，则返回
		if($(this).next('ul').css('display') == 'block'){
			return;
		}
		
		//选中某项菜单的事件
		if($clickedMb != null){
			$clickedMb.css('backgroundPosition','0 0');//恢复菜单背景
			$clickedMb.find('div.arrow').css('backgroundPosition','0 0');//恢复菜单背景
		}
		$clickedMb = $(this);//标记当前菜单
		$(this).css('backgroundPosition','0 -25px');//给当前菜单换背景
		$(this).find('div.arrow').css('backgroundPosition','0 -9px');
		
		//展开该菜单内容
		
		if(isIE6){
			if($clickedUl != null){
				$clickedUl.css('display','none');//折叠已展开的菜单内容
			}
		}else{
			if($clickedUl != null){
				$clickedUl.slideUp(200);//折叠已展开的菜单内容
			}
		}
		
		$clickedUl = $(this).next('ul');//展开当前菜单内容
		
		isEasing = true;
		$clickedUl.slideDown({
			duration:2000,
			easing:'easeOutBounce',
			complete:function(){
				isEasing = false;
			}
		});
	});
	
	//左边菜单里的功能事件
	var $clickedLi = null;
	var $mbli = $('div.menuBox ul li');
	$mbli.hover(function(){
		$(this).toggleClass('menuBoxLiOver');
	},function(){
		$(this).toggleClass('menuBoxLiOver');
	}).click(function(){
		if($clickedLi != null){
			$clickedLi.removeClass('menuBoxLiClicked');//恢复Li背景色
		}
		$clickedLi = $(this);//标记当前点击的Li
		$(this).addClass('menuBoxLiClicked');//给当前Li换背景色
	});
	
	//初始化左边第一个菜单显示
	setTimeout(function(){$mb.first().find('div.up').click()},10);
});